<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<!--框架开始-->
		<script src="../../skin/js/public.js"></script>
		<script src="../../js/convenient/convenient-phone.js"></script>
		<script>
			
		</script>
	</head>

	<body class="bianmin" id="bianmin">
		<!--头部-->
		<div class="yl-head">
			<div class="logo"></div>
		</div>

		<div class="yl-container">
			<div class="yl-container-l" id="left">
				
			</div>
			<div class="yl-container-r">
				<div class="yl-title1">手机充值</div>
				<div id="tab_demo" class="yl-tab">
					<div class="yl-tabBar cl">
						<div class="item">话费充值</div>
						<div class="item">流量充值</div>
					</div>
					<div class="yl-tabCon">
						<div class="jiaofei-box2">
							<div class="jiaofei-box-top"></div>
							<div class="form-box4 form_horizontal">
								<div class="form-item form_title">
									<div class="row cl">
										<label class="form_label col_3">手机号码：</label>
										<div class="col_9"><input class="input_text" autocomplete="off" value="" type="text" placeholder="请点击此处输入手机号码" style="width:250px;"></div>
									</div>
								</div>
								<div class="cl gongjiao-choose-box">
									<a class="choose-block active">￥5
										<div class="price-info">售价￥5.00</div>
									</a>
									<a class="choose-block ">￥10
										<div class="price-info">售价￥9.00</div>
									</a>
									<a class="choose-block ">￥20
										<div class="price-info">售价￥19.60</div>
									</a>
									<a class="choose-block ">￥30
										<div class="price-info">售价￥29.50</div>
									</a>
									<a class="choose-block ">￥50
										<div class="price-info">售价￥48.50</div>
									</a>
									<a class="choose-block ">￥100
										<div class="price-info">售价￥98.50</div>
									</a>
									<a class="choose-block ">￥200
										<div class="price-info">售价￥197.50</div>
									</a>
									<a class="choose-block ">￥300
										<div class="price-info">售价￥296.50</div>
									</a>
									<a class="choose-block ">￥500
										<div class="price-info">售价￥494.50</div>
									</a>
								</div>
							</div>
							<div class="jiaofei-box-end"></div>
						</div>
						<div class="btn-box1">
							<button class="btn btn_primary radius btn1 m_scole" type="button" @click="pay('phone')">立即充值</button>
						</div>
					</div>
					<div class="yl-tabCon">
						<div class="jiaofei-box2 liuliang">
							<div class="jiaofei-box-top"></div>
							<div class="form-box4 form_horizontal">
								<div class="form-item form_title">
									<div class="row cl">
										<label class="form_label col_3">手机号码：</label>
										<div class="col_9"><input class="input_text" autocomplete="off" value="18956472345" type="text" placeholder="请点击此处输入手机号码" style="width:250px;"><span class="phone-info">上海联通</span></div>
									</div>
								</div>
								<div class="form-item form-tip">全国通用，当月有效，支持2G/3G/4G</div>
								<div class="cl gongjiao-choose-box">
									<a class="choose-block  active">30M</a>
									<a class="choose-block ">50M</a>
									<a class="choose-block ">100M</a>
									<a class="choose-block ">200M</a>
									<a class="choose-block ">500M</a>
									<a class="choose-block ">1G</a>
								</div>
								<div class="form-item form-heji">
									<div class="row cl">
										<label class="form_label2 col_6">应付金额</label>
										<div class="form_value col_6"><span class="flag">￥</span><span>4.7</span></div>
									</div>
								</div>
							</div>
							<div class="jiaofei-box-end"></div>
						</div>
						<div class="btn-box1">
							<button class="btn btn_primary radius btn1 m_scole" type="button" @click="pay('flow')">立即充值</button>
						</div>
					</div>
				</div>

			</div>
		</div>
	</body>

</html>